<template>
	<GlobalBG title="视频调阅" :showHeader="true" :showBack="true">
		<view class="container-video">
			<view class="conten-item-box">
				<view class="info-item bline" @click="gotoRoute('/pages/video/component/chat')">
					<image class="img" src="/static/images/xgjd/vm1.png"></image>
					<view class="text">
						<view class="text-top">智能检索模式</view>
						<view class="text-tips">通过文字或语音智能检索视频，查看的视频监</view>
					</view>
					
				</view>
				<view class="info-item" @click="gotoRoute('/pages/video/component/contents')">
					<image class="img" src="/static/images/xgjd/vm2.png"></image>
					<view class="text">
						<view class="text-top">目录查找模式</view>
						<view class="text-tips">通过场景结构或组织结构目录，查看视频监控</view>
					</view>
					
				</view>
				<view class="info-item" @click="gotoRoute('/pages/video/component/videolist?type=sence')">
					<image class="img" src="/static/images/xgjd/vm3.png"></image>
					<view class="text">
						<view class="text-top">重点场景模式</view>
						<view class="text-tips">通过不同维度的场景类型，查看视频监控设备</view>
					</view>
					
				</view>
			</view>
		</view>
	</GlobalBG>
</template>

<script setup lang="ts">
	import { ref } from "vue";
	// 密码和手机
	const gotoRoute = (path : String) => {
		uni.navigateTo({ url: path });
	}
</script>

<style lang="scss">
	.container-video {
		width: 100%;
		height: 100%;
		padding: 28rpx 19rpx;

		.conten-item-box {
			width: 100%;
			height: auto;
		}

		.info-item {
			display: flex;
			align-items: center;
			background-color: white;
			padding: 61rpx 55rpx  55rpx 78rpx;
			margin-bottom: 10px;
			background: url('/static/images/xgjd/videoml.png') no-repeat;
			background-size: 100% 100%;
			.img{
				width: 138rpx;
				height: 138rpx;
				margin-right: 86rpx;
			}
			.text-top{
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				font-size: 31rpx;
				color: #333333;
				line-height: 42rpx;
			}
			.text-tips{
				margin-top: 15rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 23rpx;
				color: #999999;
				line-height: 33rpx;
			}
		}
	}
</style>